<template>
	<view class="my-home">
		<block v-if="show">
			<view class="my-home-nav">
				<u-navbar :title="isScroll?'个人中心':''" :is-back="false" :borderBottom="false" :background="{backgroundColor: isScroll?'#FFF':'rgba(255,255,255,0)'}" :immersive="true">
					<!-- <image @click="scanCode" src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon32.png" class="scan" v-if="isScroll"></image>
					<image @click="scanCode" src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon33.png" class="scan" v-else></image> -->
					<image @click="goSetting" src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon1_hover.png"
					 slot="right" class="setting" v-if="isScroll"></image>
					<image @click="goSetting" src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon1.png?v=1"
					 slot="right" class="setting" v-else></image>
				</u-navbar>
			</view>
			<view class="my-header">
				<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/static/images/other/2022-03-18/20220318/499180ab414bf2cfccf06124c1e1f32e.png"></image>
			</view>
			<view class="my-info">
				<!-- #ifdef MP-WEIXIN -->
				<view class="my-info-jump" @click="goMerchant" v-if="userInfo.role_type==2 || userInfo.role_type==11">
					<image
						:lazy-load="true" 
						src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon30.png?v=1">
					</image>
					进入商家端
				</view>
				<!-- #endif -->
				<view class="my-info-box">
					<block v-if="!userInfo">
						<view class="login-btn" @click="goLogin"><text>您尚未登录，请先登录</text></view>
					</block>
					<block v-else>
							
						<!-- #ifdef APP-PLUS || H5 -->
							<!-- <block v-if="(!userInfo.nickname && !userInfo.heard_img) || (userInfo.nickname==0 && userInfo.heard_img==0)"> -->
								<!-- #ifdef APP-PLUS -->
								<!-- <button open-type="getUserInfo" @getuserinfo="getuserinfo" class="bindwx" @click="bindwx">绑定微信</button> -->
								<!-- #endif -->
								<!-- #ifdef H5 -->
								<!-- <button class="bindwx" @click="goSetting">请设置基本信息</button> -->
								<!-- #endif -->
							<!-- </block> -->
						<!-- #endif -->
						
						<!-- #ifdef MP-WEIXIN -->
							<!-- <block v-if="(!userInfo.nickname && !userInfo.heard_img) || (userInfo.nickname==0 && userInfo.heard_img==0) || !userInfo.form_id">
								<button open-type="getUserInfo" @getuserinfo="getuserinfo" class="bindwx" @click="bindwx">绑定微信</button>
							</block> -->
						<!-- #endif -->
						<!-- <block v-else>
							<image :src="userInfo.heard_img"></image>
							<view class="tags">
								<text v-if="userInfo.role_type==1">普通用户</text>
								<text v-if="userInfo.role_type==2">商户</text>
								<text v-if="userInfo.role_type==3">分销商</text>
								<text v-if="userInfo.role_type==4">导购员/代理商</text>
								<text v-if="userInfo.role_type==6">业绩</text>
								<text v-if="userInfo.role_type==7">招商</text>
								<text v-if="userInfo.role_type==8">工厂</text>
								<text v-if="userInfo.role_type==9">仓库</text>
								<text v-if="userInfo.role_type==10">外部工厂</text>
								<text v-if="userInfo.role_type==11">商家财务</text>
								<text v-if="userInfo.role_type==12">工厂客服</text>
								<text v-if="userInfo.role_type==14">设计师</text>
							</view>
							<view class="my-info-name">{{userInfo.nickname}}</view>
						</block> -->
						<image :src="userInfo.heard_img"></image>
						<view class="tags">
							<text v-if="userInfo.role_type==1">普通用户</text>
							<text v-if="userInfo.role_type==2">商户</text>
							<text v-if="userInfo.role_type==3">分销商</text>
							<text v-if="userInfo.role_type==4">导购员/代理商</text>
							<text v-if="userInfo.role_type==6">业绩</text>
							<text v-if="userInfo.role_type==7">招商</text>
							<text v-if="userInfo.role_type==8">工厂</text>
							<text v-if="userInfo.role_type==9">仓库</text>
							<text v-if="userInfo.role_type==10">外部工厂</text>
							<text v-if="userInfo.role_type==11">商家财务</text>
							<text v-if="userInfo.role_type==12">工厂客服</text>
							<text v-if="userInfo.role_type==14">设计师</text>
						</view>
						<view class="my-info-name">{{userInfo.nickname}}</view>
						
						<view class="my-info-id">ID：{{userInfo.user_id}}</view>
						<!-- #ifdef H5-->
						<view class="time-down" v-if="userInfo.role_type==2">
							会员到期时间：{{userInfo.expire_time}}
						</view>
						<!-- #endif -->
						<!-- #ifdef MP-WEIXIN || APP-PLUS -->
						<view class="time-down" v-if="userInfo.role_type==2 && !userInfo.is_over && appid==='wx9528157f77bff5d2'">
							会员到期时间：{{userInfo.expire_time}}
						</view>
						<view class="time-down time-down-self" v-if="userInfo.role_type==2 && userInfo.is_over && appid==='wx9528157f77bff5d2'">
							<text class="expired">已过期</text>会员到期时间：{{userInfo.expire_time}}<text class="renew" @click="renew">立即续费</text>
						</view>
						<!-- #endif -->
					</block>
				</view>
				<view class="my-info-items">
					<view class="my-info-item" @click="goCollection">
						<view class="my-info-item-top">{{userInfo.collect_num?userInfo.collect_num:0}}</view>
						<view class="my-info-item-bottom">收藏</view>
					</view>
					<view class="my-info-item" @click="goMymanage">
						<view class="my-info-item-top">
							<view class="dot-box">
								{{userInfo.notice_count?userInfo.notice_count:0}}
								<view class="dot" v-if="Number(userInfo.notice_count) > 0"></view>
							</view>
						</view>
						<view class="my-info-item-bottom">消息</view>
					</view>
					<!-- <view class="my-info-item" @click="goFootprint">
						<view class="my-info-item-top">{{userInfo.track_count?userInfo.track_count:0}}</view>
						<view class="my-info-item-bottom">足迹</view>
					</view> -->
					<view class="my-info-item" @click="goWallet" v-if="userInfo.role_type == 2">
						<view class="my-info-item-top">{{userInfo.user_money?userInfo.user_money:0}}</view>
						<view class="my-info-item-bottom">钱包</view>
					</view>
					<view class="my-info-item" @click="goCar">
						<view class="my-info-item-car">
							<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon2.png"></image>
							购物车
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="apply-btn-group" v-if="userInfo.role_type == 1 && userInfo.store_id == 1">
				<view class="apply-btn" @click="goDealer">
					<image class="apply-img" src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/static/images/other/2020-09-30/20200930/b2e9d481a72bba658efdfabe1b28a74b.png" mode=""></image>
					<view class="btn-text">成为经销商</view>
					<image class="apply-right" src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/static/images/other/2020-09-30/20200930/10b6fe2edcc0b827d779fe8dd69b40c8.png" mode=""></image>
				</view>
				<view class="apply-btn" @click="goSupplier">
					<image class="apply-img" src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/static/images/other/2020-09-30/20200930/69e079c5fe1237066ef1d56eb8670917.png" mode=""></image>
					<view class="btn-text">成为供应商</view>
					<image class="apply-right" src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/static/images/other/2020-09-30/20200930/10b6fe2edcc0b827d779fe8dd69b40c8.png" mode=""></image>
				</view>
			</view> -->
			<view class="my-order">
				<pt-title name="我的订单" rightTxt="全部订单" icon="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon20.png"
				 leftSize="36" width="10" height="18" padding="50rpx 30rpx" rightColor="#757575" rightSize="28" @more="goMyOrder(0)">
				</pt-title>
				<view class="my-order-list">
					<view class="my-order-item" @click="goMyOrder(1)">
						<view class="my-order-item-left">
							<view class="my-order-item-left-name">待付款</view>
							<view class="my-order-item-left-num">{{userInfo.pay_count?userInfo.pay_count:0}}</view>
						</view>
						<view class="my-order-item-right">
							<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon3.png" mode="aspectFit"></image>
						</view>
					</view>
					<view class="my-order-item" @click="goMyOrder(2)">
						<view class="my-order-item-left">
							<view class="my-order-item-left-name">待发货</view>
							<view class="my-order-item-left-num">{{userInfo.deliver_count?userInfo.deliver_count:0}}</view>
						</view>
						<view class="my-order-item-right">
							<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon4.png" mode="aspectFit"></image>
						</view>
					</view>
					<view class="my-order-item" @click="goMyOrder(3)">
						<view class="my-order-item-left">
							<view class="my-order-item-left-name">待收货</view>
							<view class="my-order-item-left-num">{{userInfo.send_count?userInfo.send_count:0}}</view>
						</view>
						<view class="my-order-item-right">
							<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon5.png" mode="aspectFit"></image>
						</view>
					</view>
					<view class="my-order-item" @click="goMyOrder(4)">
						<view class="my-order-item-left">
							<view class="my-order-item-left-name">已完成</view>
							<view class="my-order-item-left-num">{{userInfo.comment_count?userInfo.comment_count:0}}</view>
						</view>
						<view class="my-order-item-right">
							<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon6.png" mode="aspectFit"></image>
						</view>
					</view>
				</view>
			</view>

			<!-- <view class="business-school-enter" v-if="userInfo.role_type==2 || userInfo.role_type==11">
				<pt-adbanner :src="'https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/enter.png?v=1'" :url="'https://master.jiaju01.com/web/tutorials/#/?token='+userInfo.token"
				 @click="goUrl">
				</pt-adbanner>
			</view> -->

			<view class="my-performance" @click="goResults" v-if="userInfo.role_type == 2 || userInfo.role_type == 3 || userInfo.role_type == 5 || userInfo.role_type == 7 || userInfo.role_type == 8">
				<pt-title name="我的业绩" rightTxt="更多数据" icon="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon20.png"
				 leftSize="36" width="10" height="18" padding="50rpx 30rpx" rightColor="#757575" rightSize="28">
				</pt-title>
				<view class="my-performance-box">
					<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/data-bg.png"></image>
					<view class="my-performance-items">
						<view class="my-performance-item">
							<view class="my-performance-item-num">{{myResults.all_pay_order?myResults.all_pay_order:0}}</view>
							<view class="my-performance-item-name">支付订单数</view>
						</view>
						<view class="my-performance-item">
							<view class="my-performance-item-num">{{myResults.all_order_price?myResults.all_order_price:0}}</view>
							<view class="my-performance-item-name">支付金额（元）</view>
						</view>
						<view class="my-performance-item">
							<view class="my-performance-item-num orange">{{myResults.royalty?myResults.royalty:0}}</view>
							<view class="my-performance-item-name">利润（元）</view>
						</view>
						<view class="my-performance-item">
							<view class="my-performance-item-num orange">{{myResults.today_price?myResults.today_price:0}}</view>
							<view class="my-performance-item-name">今日业绩（元）</view>
						</view>
						<view class="my-performance-item">
							<view class="my-performance-item-num">{{myResults.week_price?myResults.week_price:0}}</view>
							<view class="my-performance-item-name">本周业绩（元）</view>
						</view>
						<view class="my-performance-item">
							<view class="my-performance-item-num">{{myResults.month_price?myResults.month_price:0}}</view>
							<view class="my-performance-item-name">本月业绩（元）</view>
						</view>
					</view>
				</view>
			</view>

			<view class="my-users-manage" v-if="userInfo.role_type != 1 && isLogin">
				<pt-title name="用户管理" :isRight="false" padding="40rpx 0" leftSize="32"></pt-title>
				<view class="my-users-manage-items">
					<view class="my-users-manage-item" @click="goStaff">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/static/images/other/2020-09-30/20200930/e4d6f3dc8ef40781a352fa570c879c6d.png"></image>
						<view class="my-users-manage-item-name">用户管理</view>
					</view>
					<view class="my-users-manage-item" @click="goUserFootPrint">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon8.png"></image>
						<view class="my-users-manage-item-name">用户足迹</view>
					</view>
					<view class="my-users-manage-item" @click="goUserDynamic">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon9.png"></image>
						<view class="my-users-manage-item-name">用户动态</view>
					</view>
					<view class="my-users-manage-item" @click="goUserOrder">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon10.png"></image>
						<view class="my-users-manage-item-name">用户订单</view>
					</view>
					<!-- <view class="my-users-manage-item" @click="goUserCoupon">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon29.png"></image>
						<view class="my-users-manage-item-name">赠送优惠券</view>
					</view> -->
				</view>
			</view>

			<!-- <view class="my-users-manage" style="margin-bottom: 0; margin-top: 50rpx;" v-if="isLogin">
				<pt-title name="我的分享" :isRight="false" padding="40rpx 0" leftSize="32"></pt-title>
				<view class="my-users-manage-items">
					<view class="my-users-manage-item" @click="inviteFriends">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon11.png"></image>
						<view class="my-users-manage-item-name">邀请好友</view>
					</view>
					<view class="my-users-manage-item" @click="showBusinessCard">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon12.png"></image>
						<view class="my-users-manage-item-name">我的名片</view>
					</view>
					<view class="my-users-manage-item" @click="showQr">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon13.png"></image>
						<view class="my-users-manage-item-name">我的二维码</view>
					</view>
					<view class="my-users-manage-item" @click="goFootprint">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon8.png"></image>
						<view class="my-users-manage-item-name">我的足迹</view>
					</view>
					<view class="my-users-manage-item">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon14.png"></image>
						<view class="my-users-manage-item-name">活动分享</view>
					</view>
				</view>
			</view> -->

			<view class="my-users-manage" style="margin-bottom: 0; margin-top: 50rpx;" v-if="isLogin">
				<pt-title name="功能" :isRight="false" padding="40rpx 0" leftSize="32"></pt-title>
				<view class="my-users-manage-items col-2">
					<view class="my-users-manage-item" @click="inviteFriends">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon11.png"></image>
						<view class="my-users-manage-item-name">邀请好友</view>
					</view>
					<view class="my-users-manage-item" @click="showBusinessCard">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon12.png"></image>
						<view class="my-users-manage-item-name">我的名片</view>
					</view>
					<view class="my-users-manage-item" @click="showQr">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon13.png"></image>
						<view class="my-users-manage-item-name">我的二维码</view>
					</view>
					<view class="my-users-manage-item" @click="goFootprint">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon8.png"></image>
						<view class="my-users-manage-item-name">我的足迹</view>
					</view>
					<view class="my-users-manage-item" @click="goAddressList">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon15.png"></image>
						<view class="my-users-manage-item-name">地址管理</view>
					</view>
					<view class="my-users-manage-item" @click="goAfterSale">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon16.png"></image>
						<view class="my-users-manage-item-name">售后列表</view>
					</view>
					<view class="my-users-manage-item" @click="showServe">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon17.png"></image>
						<view class="my-users-manage-item-name">联系客服</view>
					</view>
					<!-- <view class="my-users-manage-item" @click="goCouponList">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon21.png"></image>
						<view class="my-users-manage-item-name">优惠券</view>
					</view> -->
					<view class="my-users-manage-item" @click="goQAList" v-if="userInfo.role_type==1">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon22.png"></image>
						<view class="my-users-manage-item-name">产品提问</view>
					</view>
					<!-- <view class="my-users-manage-item" @click="goReplyList" v-if="userInfo.is_admin!=0">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon23.png?v=1"></image>
						<view class="my-users-manage-item-name">回复咨询</view>
					</view>
					<view class="my-users-manage-item" @click="goPromote">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon24.png?v=1"></image>
						<view class="my-users-manage-item-name">推广物料</view>
					</view> -->
					<view class="my-users-manage-item" @click="goMyMatch">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon28.png?v=1"></image>
						<view class="my-users-manage-item-name">我的方案</view>
					</view>
					<view class="my-users-manage-item" @click="goGuestBook">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon31.png"></image>
						<view class="my-users-manage-item-name">意见反馈</view>
					</view>
					<!-- <view class="my-users-manage-item" @click="goCourse">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/static/images/other/2021-04-08/20210408/ece3144a41f6d322c9b0cf1681b62599.png"></image>
						<view class="my-users-manage-item-name">用户手册</view>
					</view>
					<view class="my-users-manage-item" @click="goRoneyQAList" >
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/static/images/other/2021-04-16/20210416/22383c63a1d7273f7fe306b052ebb581.png"></image>
						<view class="my-users-manage-item-name">货期提问</view>
					</view>
					<view class="my-users-manage-item" @click="goRoneyList" v-if="userInfo.is_admin!=0 && userInfo.is_admin != 2">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/static/images/other/2021-04-14/20210414/a8d86e7debbb2e303a709bfdf941500e.png"></image>
						<view class="my-users-manage-item-name">货期咨询</view>
					</view> -->
					<!-- #ifdef APP-PLUS -->
					<view class="my-users-manage-item" @click="showProtocol">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon26.png?v=1"></image>
						<view class="my-users-manage-item-name">用户协议和隐私政策</view>
					</view>
					<view class="my-users-manage-item" @click="checkVersion">
						<image src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/my/icon27.png"></image>
						<view class="my-users-manage-item-name">检查更新</view>
					</view>
					<!-- #endif -->
				</view>
			</view>
			<!-- 客服 -->
			<uni-popup type="center" ref="server">
				<pt-server></pt-server>
			</uni-popup>
			<!-- 客服 -->
			<lw-my-qrcode ref="myqr" :img="QrSrc"></lw-my-qrcode>
			<!-- App端更新提醒 -->
			<uni-popup type="center" ref="Update" :maskClick="false">
				<view class="update-pop">
					<view class="update-close"><u-icon name="close-circle" color="#FFFFFF" class="close" size="60" @click="closeUpdate"></u-icon></view>
					<image
						:lazy-load="true"
						src="https://jiajudashi.oss-cn-shenzhen.aliyuncs.com/images/shop/icons/index/update.png" class="update-img" @load="loadUpDateImg"
						:style="{height: UpDateImgHeight + 'rpx'}">
					</image>
					<view class="update-main">
						<view class="update-tit">更新内容：</view>
						<view class="update-p" v-for="(data,index) in updateContent" :key="index">{{data}}</view>
						<button type="primary" class="download" @click="updateApp">立即更新</button>
					</view>
				</view>
			</uni-popup>
		</block>
		<u-tabbar :list="tabbarList" :icon-size="52" :height="100" active-color="#f59359"></u-tabbar>
		<pt-loading></pt-loading>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				QrSrc: '',
				showHome: false,
				show: false,
				isScroll: false,
				tabbarList: [],
				userInfo: '',
				myResults: '',
				NavHeight: 0,
				// canvas
				qrCode: '',
				code: '',
				// 足迹参数
				addFootParam: {
					start_time: '',
					end_time: '',
					stay_time: 0
				},
				Refresh: false,
				updateContent: ['1.优化了某些方案','2.优化了某些流程','3.修复部分已知BUG'],
				UpDateImgHeight: 300,
				appid: '',
				isLogin: false
			};
		},
		onPullDownRefresh() {
			this.Refresh = true
			setTimeout(() => {
				if(uni.getStorageSync('userInfo')){
					this.init()
				}else{
					uni.stopPullDownRefresh()
				}
			}, 500)
		},
		onLoad() {
			// #ifdef MP-WEIXIN
			uni.hideShareMenu()
			// #endif
			this.getHome()
			this.NavHeight = uni.getSystemInfoSync().statusBarHeight + 48
		},
		onShow() {
			// #ifdef MP-WEIXIN
			this.appid = uni.getExtConfigSync().appid
			// #endif
			// #ifdef APP-PLUS
			this.appid = 'wx9528157f77bff5d2'
			// #endif
			if(uni.getStorageSync('userInfo')){
				this.isLogin = true
				this.init()
			}else{
				this.isLogin = false
				this.show = true
				this.userInfo = ''
			}
			this.getHome()
			// #ifdef MP || APP-PLUS
			setTimeout(() => {
				uni.setNavigationBarColor({
					frontColor: '#ffffff',
					backgroundColor: '',
					animation: {
						duration: 400,
						timingFunc: 'easeIn'
					}
				})
			}, 200)
			// #endif
		},
		onReady() {
			if(uni.getStorageSync('tabbarIconsBefore')){
				if(uni.getStorageSync('userInfo')){
					this.tabbarList[0].iconPath = uni.getStorageSync('tabbarIconsBefore').img1
					this.tabbarList[1].iconPath = uni.getStorageSync('tabbarIconsBefore').img2
					this.tabbarList[2].iconPath = uni.getStorageSync('tabbarIconsBefore').img3
					this.tabbarList[3].iconPath = uni.getStorageSync('tabbarIconsBefore').img4
					this.tabbarList[4].iconPath = uni.getStorageSync('tabbarIconsBefore').img5
				}else{
					this.tabbarList[0].iconPath = uni.getStorageSync('tabbarIconsBefore').img1
					this.tabbarList[1].iconPath = uni.getStorageSync('tabbarIconsBefore').img2
					this.tabbarList[2].iconPath = uni.getStorageSync('tabbarIconsBefore').img4
					this.tabbarList[3].iconPath = uni.getStorageSync('tabbarIconsBefore').img5
				}
			}
			if (uni.getStorageSync('tabbarIcons')) {
				if (uni.getStorageSync('tabbarIcons').img5) {
					if(uni.getStorageSync('userInfo')){
						this.tabbarList[4].selectedIconPath = uni.getStorageSync('tabbarIcons').img5
					}else{
						this.tabbarList[3].selectedIconPath = uni.getStorageSync('tabbarIcons').img5
					}
				}
			}
		},
		methods: {
			// app wgt热更新及手动更新
			checkVersion() {
				let _this = this
				let version = ''
				plus.runtime.getProperty(plus.runtime.appid, function(wgtinfo){
				    version = wgtinfo.version
						_this.$u.api.Appupdate().then(res => {
							if(version!==res.datas.ver){
								_this.downLoadUrl = res.pkgUrl
								_this.$refs.Update.open()
							}else{
								uni.showToast({
									icon: 'none',
									title: '当前版本'+version+',已是最新版本',
									duration: 2000
								})
							}
						})
				});
			},
			updateApp(){
				if(uni.getSystemInfoSync().platform==='ios'){
					plus.runtime.openURL('itms-apps://itunes.apple.com/us/app//id1454079163?l=zh&ls=1&mt=8');
				}else{
					plus.runtime.openURL(this.downLoadUrl);
				}
			},
			closeUpdate(){
				this.$refs.Update.close()
			},
			loadUpDateImg(e){
				this.UpDateImgHeight = e.detail.height - 151
			},
			showProtocol(){
				let url = 'https://jiaju01.cn/wap/html/protocol.html'
				uni.navigateTo({
					animationDuration: 500,
					url: '/pages/webview/webview?url=' + encodeURIComponent(url)
				})
			},
			getHome() {
				this.tabbarList = getApp().globalData.merchantMenu
				// 获取是否显示商户主页
				// if (uni.getStorageSync('userInfo')) {
				// 	if(uni.getStorageSync('is_open')){
				// 		this.tabbarList = getApp().globalData.arrowMerchantMenu
				// 	}else{
				// 		// #ifdef MP-WEIXIN
				// 		if(uni.getExtConfigSync().appid==='wx9f2da8a90bb750f7'){
				// 			this.tabbarList = getApp().globalData.merchantMenu.slice(1)
				// 		}else{
				// 			this.tabbarList = getApp().globalData.merchantMenu
				// 		}
				// 		// #endif
				// 		// #ifdef APP-PLUS || H5
				// 		this.tabbarList = getApp().globalData.merchantMenu
				// 		// #endif
				// 	}
				// 	this.$u.api.ShowHome().then(res => {
				// 		let userInfo = JSON.parse(uni.getStorageSync('userInfo'))
				// 		if (userInfo.store_id != res.datas.store_id) {
				// 			userInfo.store_id = res.datas.store_id
				// 		}
				// 		if (userInfo.store_name !== res.datas.store_name) {
				// 			userInfo.store_name = res.datas.store_name
				// 		}
				// 		uni.setStorageSync('userInfo', JSON.stringify(userInfo))
				// 		if(res.datas.is_open==1){
				// 			this.tabbarList = getApp().globalData.arrowMerchantMenu
				// 			uni.setStorageSync('is_open',true)
				// 		}else{
				// 			uni.setStorageSync('is_open',false)
				// 			// #ifdef MP-WEIXIN
				// 			if(uni.getExtConfigSync().appid==='wx9f2da8a90bb750f7'){
				// 				this.tabbarList = getApp().globalData.merchantMenu.slice(1)
				// 			}else{
				// 				this.tabbarList = getApp().globalData.merchantMenu
				// 			}
				// 			// #endif
				// 			// #ifdef APP-PLUS || H5
				// 			this.tabbarList = getApp().globalData.merchantMenu
				// 			// #endif
				// 		}
				// 	})
				// } else {
				// 	// #ifdef MP-WEIXIN
				// 	if(uni.getExtConfigSync().appid==='wx9f2da8a90bb750f7'){
				// 		this.tabbarList = getApp().globalData.arrowDefaultMenu
				// 	}else{
				// 		this.tabbarList = getApp().globalData.defaultMenu
				// 	}
				// 	// #endif
				// 	// #ifdef APP-PLUS || H5
				// 	this.tabbarList = getApp().globalData.defaultMenu
				// 	// #endif
				// }
			},
			init() {
				this.$u.apiWei.UserInfo().then(res => {
					this.show = true
					this.userInfo = res.datas
					let userInfo = JSON.parse(uni.getStorageSync('userInfo'))
					userInfo.store_id = res.datas.store_id
					userInfo.store_name = res.datas.store_name
					userInfo.role_type = res.datas.role_type
					userInfo.is_admin = res.datas.is_admin
					userInfo.nickname = res.datas.nickname
					userInfo.heard_img = res.datas.heard_img
					userInfo.form_id = res.datas.form_id
					if(res.datas.factory_sn){
						userInfo.factory_sn = res.datas.factory_sn
					}
					uni.setStorageSync('userInfo', JSON.stringify(userInfo))
					this.$set(this.tabbarList[this.tabbarList.length - 1], 'count', this.userInfo.notice_count)
					if (this.userInfo.role_type == 2 || this.userInfo.role_type == 3 || this.userInfo.role_type == 5 || this.userInfo.role_type == 7 || this.userInfo.role_type == 8) {
						this.$u.apiWei.UserInfoData().then(res => {
							this.myResults = res.datas
						})
					}
				}).then(() => {
					if (this.Refresh) {
						this.Refresh = false
						uni.stopPullDownRefresh({
							success: () => {
								uni.showToast({
									icon: 'none',
									title: '刷新成功'
								})
							}
						})
					}
				}).catch(() => {
					this.show = true
					uni.stopPullDownRefresh()
					this.$nextTick(() => {
						uni.createSelectorQuery().in(this).select('.my-home-nav').boundingClientRect(res => {
							if (res) {
								this.NavHeight = res.height
							}
						}).exec()
					}, 100)
					return false
				})
			},
			showServe() {
				if (!this.checkLogin()) return false
				this.$refs.server.open()
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-联系客服','#客户尝试联系客服，建议主动联系客户有什么问题')
				}
			},
			// 显示我的名片
			showBusinessCard() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/my-business-card/my-business-card'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-我的名片')
				}
			},
			// 去地址列表
			goAddressList() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/address-list/address-list'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-地址管理')
				}
			},
			// 去收藏列表
			goCollection() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/collection/collection'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-收藏')
				}
			},
			// 去优惠券列表
			goCouponList() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/coupon-list/coupon-list'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-优惠券','#客户查看优惠券，建议给客户推荐相关优惠活动')
				}
			},
			// 去我的足迹列表
			goFootprint() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/footprint/footprint'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-我的足迹')
				}
			},
			goWallet() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/my-wallet/my-wallet'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-钱包','#客户查看了钱包，请注意保持跟进')
				}
			},
			// 去我的订单
			goMyOrder(current) {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/my-order/my-order?current=' + current
				})
				if (uni.getStorageSync('userInfo')) {
					switch (Number(current)){
						case 0:
							this.addFoot('我的-订单列表','#客户查看了订单，保持关注，努力促成交易，获取更多业绩!')
							break;
						case 1:
							this.addFoot('我的-订单列表-待付款','#客户查看了订单，保持关注，努力促成交易，获取更多业绩!')
							break;
						case 2:
							this.addFoot('我的-订单列表-待发货','#客户查看了订单，保持关注，努力促成交易，获取更多业绩!')
							break;
						case 3:
							this.addFoot('我的-订单列表-待收货','#客户查看了订单，保持关注，努力促成交易，获取更多业绩!')
							break;
						case 4:
							this.addFoot('我的-订单列表-已完成','#客户查看了订单，保持关注，努力促成交易，获取更多业绩!')
							break;
					}
				}
			},
			// 去我的下属订单
			goUserOrder() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/my-order/my-order?parent_id=' + this.userInfo.user_id
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-用户订单')
				}
			},
			// 去售后列表
			goAfterSale() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/my-order/after_sale/after_sale'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-售后列表','#客户查看了售后列表，请注意保持跟进')
				}
			},
			// 去我的信息
			goMymanage() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/my-message/my-message'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-消息')
				}
			},
			inviteFriends() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/invite-friends/invite-friends'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-邀请好友')
				}
			},
			goResults() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/results-data/results-data'
				})
			},
			goStaff() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/staff/staff'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-用户管理')
				}
			},
			// 去用户足迹
			goUserFootPrint() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-footprint/user-footprint?parent_id=' + this.userInfo.user_id
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-用户足迹')
				}
			},
			// 去用户动态
			goUserDynamic() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-dynamic/user-dynamic?parent_id=' + this.userInfo.user_id
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-用户动态')
				}
			},
			// 去购物车
			goCar() {
				if (!this.checkLogin()) return false
				uni.switchTab({
					url: '/pages/car/car'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-购物车')
				}
			},
			goMyMatch(){
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-match/user-match'
				})
			},
			goSetting() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/setting/setting'
				})
			},
			showQr() {
				if (!this.checkLogin()) return false
				uni.showLoading({
					title: '加载中'
				});
				this.$u.apiWei.appCreateQr().then(qrRes => {
					uni.hideLoading();
					this.QrSrc = qrRes.datas
					this.$nextTick(() => {
						this.$refs.myqr.open()
					})
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-我的二维码')
				}
			},
			goQAList() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-QA/user-QA'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-产品提问列表')
				}
			},
			goReplyList() {
				if (!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-reply/user-reply'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-回复咨询','#客户查看了回复咨询，建议主动联系客户有什么问题')
				}
			},
			goPromote(){
				if(!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-promote/user-promote'
				})
				if (uni.getStorageSync('userInfo')) {
					this.addFoot('我的-推广物料')
				}
			},
			goUserCoupon(){
				if(!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-coupon/user-coupon'
				})
			},
			goGuestBook(){
				if(!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-feedback/user-feedback'
				})
			},
			goCourse(){
				if(!this.checkLogin()) return false
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-course/user-course'
				})
			},
			goRoneyList(){
				if(!this.checkLogin()) return false;
				uni.navigateTo({
					animationDuration:500,
					url:'/my/user-roney/user-roney-reply'
				})
				if(uni.getStorageSync('userInfo')){
					this.addFoot('我的-期货咨询')
				}
			},
			goRoneyQAList(){
				if(!this.checkLogin()) return false;
				uni.navigateTo({
					animationDuration:500,
					url:'/my/user-QA-roney/user-QA-roney'
				})
				if(uni.getStorageSync('userInfo')){
					this.addFoot('我的-期货提问')
				}
			},
			// 绑定微信信息
			getuserinfo(e) {
				// #ifdef MP-WEIXIN
				uni.checkSession({
					success: () => {
						uni.login({
							provider: 'weixin',
							success: (loginRes) => {
								this.code = loginRes.code
								uni.getUserInfo({
									provider: 'weixin',
									success: (userInfo) => {
										uni.showLoading({
											title: '正在绑定，请稍后'
										})
										let data = {
											code: this.code,
											parent_id: uni.getStorageSync('parent_id') ? uni.getStorageSync('parent_id') : '',
											encryptedData: userInfo.encryptedData,
											iv: userInfo.iv,
											phone: JSON.parse(uni.getStorageSync('userInfo')).phone
										}
										this.$u.api.WeChatWxLogin(data).then(res => {
											uni.hideLoading()
											setTimeout(() => {
												uni.showToast({
													icon: 'none',
													title: '绑定成功'
												})
												this.init()
												uni.setStorageSync('userInfo', JSON.stringify(res.datas))
											}, 1500)
										})
									}
								})
							},
							fail: () => {
								uni.login({
									provider: 'weixin',
									success: (loginRes) => {
										this.code = loginRes.code
									}
								})
							}
						})
					}
				})
				// #endif
			},
			addFoot(where,detail) {
				this.$u.api.AddFoot({
					// #ifdef MP-WEIXIN
					type: 1,
					// #endif
					// #ifdef APP-PLUS
					type: 2,
					// #endif
					// #ifdef H5
					type: 3,
					// #endif
					store_id: uni.getStorageSync('userInfo')?JSON.parse(uni.getStorageSync('userInfo')).store_id:'',
					client: 1,
					where: where,
					stay_time: this.addFootParam.stay_time,
					goods_id: 0,
					store_goods_id: 0,
					is_new: 1,
					detail: detail?detail:''
				})
			},
			goLogin() {
				// #ifdef H5
				uni.reLaunch({
					url: '/pages/login/login'
				});
				// #endif
				// #ifdef MP-WEIXIN
				uni.navigateTo({
					url: '/pages/login/login'
				})
				// #endif
				// #ifdef APP-PLUS
				uni.reLaunch({
					url: '/pages/login/app-login'
				});
				// #endif
			},
			checkLogin() {
				if (!uni.getStorageSync('userInfo')) {
					uni.showToast({
						icon: 'none',
						title: '请先登录'
					})
					return false
				} else {
					return true
				}
			},
			goUrl(e) {
				console.log(e)
				uni.navigateTo({
					animationDuration: 500,
					url: '/pages/webview/webview?url=' + encodeURIComponent(e)
				})
			},
			goSupplier(){
				uni.navigateTo({
					url: '/my/supplier/supplier'
				})
			},
			goDealer(){
				uni.navigateTo({
					url: '/my/dealer/dealer'
				})
			},
			bindwx(){
				// #ifdef APP-PLUS
				let _this = this
				let weixinService = null;
				plus.oauth.getServices((services) => {
					services.forEach(item => {
						if(item.id==='weixin'){
							weixinService = item
						}
					})
					if(!weixinService) {
						uni.showToast({
							icon: 'none',
							title: '没有微信授权服务'
						})
						return;
					}
					weixinService.authorize((e) => {
						_this.$u.api.NewAppBinding({
							code: e.code,
							phone: JSON.parse(uni.getStorageSync('userInfo')).phone,
							type: 2,
						}).then(res => {
							uni.setStorageSync('userInfo',JSON.stringify(res.datas))
							uni.showToast({
								icon: 'none',
								title: '绑定成功'
							})
							_this.init()
						})
					})
				})
				// #endif
			},
			renew(){
				uni.navigateTo({
					animationDuration: 500,
					url: '/my/user-renew/user-renew'
				})
			},
			goMerchant(){
				uni.navigateToMiniProgram({
					appId: 'wx06c4e19593f84b2c'
				})
			},
			scanCode(){
				uni.scanCode({
					onlyFromCamera: true,
					success: (result) => {
						console.log(result)
					}
				})
			}
		},
		mounted() {
			this.addFootParam.start_time = parseInt(new Date().getTime() / 1000)
			// #ifdef MP-WEIXIN
			uni.login({
				provider: 'weixin',
				success: (loginRes) => {
					this.code = loginRes.code
				}
			})
			// #endif
		},
		onHide() {
			this.addFootParam.end_time = parseInt(new Date().getTime() / 1000)
			this.addFootParam.stay_time = this.addFootParam.end_time - this.addFootParam.start_time
			if (uni.getStorageSync('userInfo')) {
				this.addFoot('查看我的')
			}
		},
		onPageScroll(e) {
			if (e.scrollTop > 100) {
				this.isScroll = true
				// #ifdef MP || APP-VUE
				uni.setNavigationBarColor({
					frontColor: '#000000',
					backgroundColor: ''
				})
				// #endif
			} else {
				this.isScroll = false
				// #ifdef MP || APP-VUE
				uni.setNavigationBarColor({
					frontColor: '#ffffff',
					backgroundColor: ''
				})
				// #endif
			}
		}
	}
</script>

<style lang="scss">
	.my-home {
		padding-bottom: 30rpx;
		
		.car-btn{
			position: fixed !important;
			left: 0;
			top: 44px;
			bottom: 50px;
			left: 5px;
			right: 5px;
			pointer-events: none;
			z-index: 20;
			width: auto;
			height: auto;
			margin-bottom: constant(safe-area-inset-bottom);
			margin-bottom: env(safe-area-inset-bottom);
			.car-btn-img{
				position: absolute !important;
				width: 100rpx;
				height: 100rpx;
				pointer-events: auto;
				border-radius: 50%;
				top: initial;
				left: initial;
				right: 0;
				bottom: 20rpx;
				bottom: 20rpx;
				text-align: center;
				image{
					width: 80rpx;
					height: 80rpx;
				}
			}
		}
		
		.scan{
			position: absolute;
			left: 30rpx;
			top: 50%;
			transform: translateY(-50%);
			width: 46rpx;
			height: 46rpx;
		}
		
		.setting {
			width: 46rpx;
			height: 46rpx;
			margin-right: 30rpx;
		}

		.my-header {
			width: 100%;
			height: 726rpx;

			image {
				width: 100%;
				height: 726rpx;
			}
		}

		.business-school-enter {
			margin-top: 40rpx;
		}

		.my-info {
			position: relative;
			z-index: 10;
			min-height: 440rpx;
			margin: -220rpx 30rpx 0;
			box-shadow: 0rpx 12rpx 50rpx 0px rgba(40, 34, 31, 0.1);
			border-radius: 20rpx;
			background-color: #FFF;
			padding-bottom: 40rpx;
			
			.my-info-jump{
				position: absolute;
				right: 0;
				top: 30rpx;
				width: 180rpx;
				text-align: center;
				line-height: 56rpx;
				border-radius: 80rpx 0 0 80rpx;
				background-color: #0f1b2b;
				color: #f59359;
				font-size: 24rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 2;
				image{
					width: 26rpx;
					height: 26rpx;
					margin: -4rpx 8rpx 0 0;
				}
			}
			
			.my-info-box {
				text-align: center;
				position: relative;

				.tags {
					text-align: center;

					text {
						display: inline-block;
						vertical-align: top;
						height: 40rpx;
						line-height: 40rpx;
						background-color: #F59359;
						border-radius: 4rpx;
						color: #FFF;
						font-size: 22rpx;
						margin-top: -20rpx;
						position: relative;
						z-index: 1;
						padding: 0 10rpx;
					}
				}

				.login-btn {
					padding: 80rpx 0;

					text {
						display: inline-block;
						height: 80rpx;
						line-height: 80rpx;
						border-radius: 8rpx;
						background-color: #141414;
						color: #FFF;
						padding: 0 30rpx;
					}
				}

				image {
					width: 156rpx;
					height: 156rpx;
					border-radius: 50%;
					border: solid 10rpx #FFF;
					margin-top: -78rpx;
					box-shadow: 0 4rpx 18rpx 0 rgba(0, 0, 0, .1);
				}

				.bindwx {
					display: inline-block;
					background-color: #141414;
					color: #FFF;
					font-size: 28rpx;
					height: 80rpx;
					line-height: 80rpx;
					margin: 70rpx 0 40rpx;

					&::after {
						display: none;
					}
				}

				.my-info-name {
					font-weight: bold;
					font-size: 42rpx;
					color: #141414;
					padding: 0 30rpx 30rpx;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				.my-info-id {
					color: #757575;
					font-size: 28rpx;
				}
				
				.time-down{
					font-size: 22rpx;
					color: #757575;
					margin-top: 20rpx;
					&.time-down-self{
						display: inline-flex;
						background-color: #f7f7f7;
						height: 50rpx;
						line-height: 50rpx;
						padding-left: 10rpx;
						align-items: center;
						color: #141414;
						border-radius: 8rpx;
						overflow: hidden;
						.expired{
							border: solid 2rpx #f6ae83;
							color: #f6ae83;
							border-radius: 8rpx;
							padding: 0 8rpx;
							margin-right: 10rpx;
							height: 36rpx;
							line-height: 32rpx;
						}
						.renew{
							padding: 0 15rpx;
							background-color: #141414;
							color: #FFF;
							margin-left: 10rpx;
						}
					}
				}
				
			}

			.my-info-items {
				display: flex;
				align-items: center;
				padding-right: 40rpx;
				margin-top: 30rpx;

				.my-info-item {
					flex: 1;
					text-align: center;

					.my-info-item-top {
						font-weight: bold;
						color: #141414;
						font-size: 36rpx;

						.dot-box {
							position: relative;
							display: inline-block;

							.dot {
								position: absolute;
								width: 20rpx;
								height: 20rpx;
								border-radius: 50%;
								top: 0;
								right: -20rpx;
								background-color: #f59359;
							}
						}
					}

					.my-info-item-bottom {
						color: #909090;
						font-size: 24rpx;
						margin-top: 10rpx;
					}

					.my-info-item-car {
						width: 170rpx;
						height: 68rpx;
						line-height: 68rpx;
						background: rgba(245, 147, 89, 1);
						box-shadow: 9rpx 18rpx 40rpx 0px rgba(40, 34, 31, 0.05);
						border-radius: 8rpx;
						text-align: center;
						color: #FFF;

						image {
							width: 38rpx;
							height: 38rpx;
							margin-right: 10rpx;
							vertical-align: middle;
							margin-top: -4rpx;
						}
					}
				}
			}
		}

		.apply-btn-group {
			margin-top: 70rpx;
			display: flex;
			justify-content: center;

			.apply-btn {
				padding-right: 30rpx;
				display: flex;
				align-items: center;
				width: 334rpx;
				height: 110rpx;
				background: #FFFFFF;
				box-shadow: -1rpx 7rpx 40rpx 0 rgba(40, 34, 32, 0.06);
				border-radius: 4rpx;
				
				&:first-child{
					margin-right: 20rpx;
				}

				.apply-img {
					margin: 0 16rpx 0 30rpx;
					display: block;
					width: 44rpx;
					height: 44rpx;
				}

				.btn-text {
					flex: 1;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #141414;
					line-height: 36rpx;
				}

				.apply-right {
					display: block;
					width: 10rpx;
					height: 20rpx;
				}
			}
		}


		.my-order {
			.my-order-list {
				box-shadow: 0rpx 12rpx 50rpx 0px rgba(40, 34, 31, 0.1);
				margin: 0 30rpx;
				display: flex;
				flex-wrap: wrap;
				border-radius: 10rpx;
				position: relative;

				&::before {
					position: absolute;
					content: '';
					height: 100%;
					width: 2rpx;
					top: 0;
					left: 50%;
					background-color: #F4F4F4;
					transform: translateX(-50%);
				}

				&::after {
					position: absolute;
					content: '';
					height: 2rpx;
					width: 100%;
					top: 50%;
					left: 0;
					background-color: #F4F4F4;
					transform: translateY(-50%);
				}

				.my-order-item {
					width: 50%;
					display: flex;
					align-items: center;
					padding: 0 40rpx;
					height: 180rpx;

					.my-order-item-left {
						flex: 1;
						min-width: 0;

						.my-order-item-left-name {
							font-weight: bold;
							margin-bottom: 10rpx;
							font-size: 32rpx;
							color: #141414;
						}

						.my-order-item-left-num {
							font-weight: bold;
							color: #757575;
							font-size: 28rpx;
						}
					}

					.my-order-item-right {
						image {
							width: 90rpx;
							height: 90rpx;
						}
					}
				}
			}
		}

		.my-performance {
			.my-performance-box {
				position: relative;
				margin: 0 30rpx;
				.my-performance-items {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					.my-performance-item {
						width: 33.3333%;
						text-align: center;
						.my-performance-item-num {
							color: #FFF;
							font-weight: bold;
							font-size: 36rpx;
							margin-bottom: 10rpx;
							&.orange {
								color: #F59359;
							}
						}
						.my-performance-item-name {
							color: #B3B3B3;
							font-size: 24rpx;
						}
					}
				}
				image {
					width: 100%;
					height: 310rpx;
				}
			}
		}

		.my-users-manage {
			box-shadow: 0rpx 12rpx 50rpx 0px rgba(40, 34, 31, 0.1);
			margin: 30rpx;
			padding: 0 30rpx 30rpx;
			border-radius: 10rpx;
			.my-users-manage-items {
				display: flex;
				padding: 50rpx 0 20rpx;
				margin: 0 -30rpx;
				flex-wrap: wrap;
				position: relative;
				&::before {
					content: '';
					position: absolute;
					top: 0;
					left: 30rpx;
					right: 30rpx;
					background-color: #F4F4F4;
					height: 2rpx;
				}
				&.col-2 {
					flex-wrap: wrap;
					.my-users-manage-item {
						width: 25%;
						flex: none;
						&:nth-child(n+5){
							margin-top: 60rpx;
						}
					}
				}
				.my-users-manage-item {
					width: 25%;
					text-align: center;
					&:nth-of-type(n+5){
						margin-top: 30rpx;
					}
					image {
						width: 48rpx;
						height: 48rpx;
					}
					.my-users-manage-item-name {
						font-size: 24rpx;
						color: #666;
						margin-top: 10rpx;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
			}
		}
	}
	.update-pop{
		width: 540rpx;
		margin: 0 auto;
		.update-close{
			text-align: right;
			margin-bottom: 30rpx;
			padding-right: 20rpx;
			image{
				width: 58rpx;
				height: 58rpx;
			}
		}
		.update-img{
			width: 100%;
			vertical-align: top;
			background-color: #000;
		}
		.update-main{
			background-color: #FFF;
			border-radius: 0 0 10rpx 10rpx;
			overflow: hidden;
			padding: 40rpx;
			.update-tit{
				margin-bottom: 30rpx;
				font-weight: bold;
				color: #333;
			}
			.update-p{
				margin-bottom: 10rpx;
				color: #666;
			}
			.download{
				display: block;
				margin-top: 30rpx;
				background-color: #141414;
				font-size: 30rpx;
			}
		}
	}
</style>
